<template>
  <div class="full-screen-wrapper">
    <div class="content-wrapper">
      <router-view/>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeVue",
}
</script>

<style scoped>
.full-screen-wrapper {
  display: flex;
  position: fixed; /* 或者 absolute/fixed，取决于你的布局需求 */
  top: 0;
  width: 99.5%;
  /*display: flex;*/
  flex-direction: column;
  overflow: hidden; /* 防止全屏包裹器滚动 */
}

.toolbar {
  width: 100%;
  height: 50px; /* 根据需要调整 */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f9;
  z-index: 10; /* 确保工具栏在其他内容之上 */
}
.content-wrapper{
  background-color: #f8f8f9;
}
</style>